<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表页——-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
		<!-- 网站说明 -->
		<meta name="description" content="品优购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
		<!-- 关键字 -->
		<meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
		<!-- 初始化CSS -->
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<!-- 公共CSS -->
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<!-- 列表页专有CSS -->
		<link rel="stylesheet" type="text/css" href="css/list.css" />
	</head>
	<body>
		<!-- 快捷导航栏部分开始 -->
		<section class="shortcut">
			<div class="w">
				<div class="fl">
					<ul>
						<li>品优购欢迎您！</li>&nbsp;
						<li><a href="#">请登录</a> &nbsp; <a href="#" class="style_red">免费注册</a></li>
					</ul>
				</div>
				<div class="fr">
					<ul>
						<li>我的订单</li>
						<li></li>
						<li class="arrow-down">我的品优购</li>
						<li></li>
						<li>品优购会员</li>
						<li></li>
						<li>企业采购</li>
						<li></li>
						<li class="arrow-down">关注品优购</li>
						<li></li>
						<li class="arrow-down">客户服务</li>
						<li></li>
						<li class="arrow-down">网站导航</li>
					</ul>
				</div>
			</div>
		</section>
		<!-- 快捷导航栏部分结束 -->
		<!-- 头部部分开始 -->
		<header class="w header">
			<!-- logo部分 -->
			<div class="logo">
				<h1>
					<a href="index.html" title="品优购">品优购</a>
				</h1>
			</div>
			<div class="miaosha">
				<img src="images/miaosha.png">
			</div>
			<!-- 搜索部分 -->
			<div class="search">
				<input type="search" placeholder="语言开发" />
				<button type="button">搜索</button>
			</div>
			<!-- 热门关键词部分 -->
			<div class="hotwords">
				<a href="#" class="style_red">优惠购首发</a>
				<a href="#">亿元优惠</a>
				<a href="#">9.9元团购</a>
				<a href="#">美满99减30</a>
				<a href="#">办公用品</a>
				<a href="#">电脑</a>
				<a href="#">通信</a>
			</div>
			<!-- 购物车部分 -->
			<div class="shopcar">
				<a href="#">我的购物车</a>
				<span>8</span>
			</div>
		</header>
		<!-- 头部部分结束 -->
		<!-- 导航栏部分开始 -->
		<nav class="nav">
			<div class="w">
				<div class="nav-left">
					<ul>
						<li><a href="#">品优秒杀</a></li>
						<li><a href="#">即将售罄</a></li>
						<li><a href="#">超值低价</a></li>
					</ul>
				</div>
				<div class="nav-right">
					<ul>
						<li><a href="#">女装</a></li>
						<li><a href="#" class="style_red">女鞋</a></li>
						<li><a href="#">男装</a></li>
						<li><a href="#">男鞋</a></li>
						<li><a href="#">母婴童装</a></li>
						<li><a href="#">食品</a></li>
						<li><a href="#">智能数码</a></li>
						<li><a href="#">户外运动</a></li>
						<li><a href="#">更多分类</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<!-- 导航栏部分结束 -->
		<!-- 分类部分开始 -->
		<div class="w">
			<div class="list-top">
			</div>
			<div class="list-content">
				<ul class="clearfix">
					<li>
						<a href="#">
							<img src="upload/list1.png">
							<p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
							<span>$6088</span><del>$6988</del>
						</a>
						<ul>
							<li>已售87%</li>
							<li>
								<div class="q">
								<div class="e"></div>
								</div>
							</li>
							<li>剩余<i>29</i>件</li>
						</ul>
						<a href="#">立即抢购</a>
					</li>
					
					<li>
						<a href="#">
							<img src="upload/list1.png">
							<p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
							<span>$6088</span><del>$6988</del>
						</a>
						<ul>
							<li>已售87%</li>
							<li>
								<div class="q">
								<div class="e"></div>
								</div>
							</li>
							<li>剩余<i>29</i>件</li>
						</ul>
						<a href="#">立即抢购</a>
					</li>
					
					<li>
						<a href="#">
							<img src="upload/list1.png">
							<p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
							<span>$6088</span><del>$6988</del>
						</a>
						<ul>
							<li>已售87%</li>
							<li>
								<div class="q">
								<div class="e"></div>
								</div>
							</li>
							<li>剩余<i>29</i>件</li>
						</ul>
						<a href="#">立即抢购</a>
					</li>
					
					<li>
						<a href="#">
							<img src="upload/list1.png">
							<p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
							<span>$6088</span><del>$6988</del>
						</a>
						<ul>
							<li>已售87%</li>
							<li>
								<div class="q">
								<div class="e"></div>
								</div>
							</li>
							<li>剩余<i>29</i>件</li>
						</ul>
						<a href="#">立即抢购</a>
					</li>
					
					<li>
						<a href="#">
							<img src="upload/list1.png">
							<p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
							<span>$6088</span><del>$6988</del>
						</a>
						<ul>
							<li>已售87%</li>
							<li>
								<div class="q">
								<div class="e"></div>
								</div>
							</li>
							<li>剩余<i>29</i>件</li>
						</ul>
						<a href="#">立即抢购</a>
					</li>
					
					<li>
						<a href="#">
							<img src="upload/list1.png">
							<p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
							<span>$6088</span><del>$6988</del>
						</a>
						<ul>
							<li>已售87%</li>
							<li>
								<div class="q">
								<div class="e"></div>
								</div>
							</li>
							<li>剩余<i>29</i>件</li>
						</ul>
						<a href="#">立即抢购</a>
					</li>
					
					<li>
						<a href="#">
							<img src="upload/list1.png">
							<p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
							<span>$6088</span><del>$6988</del>
						</a>
						<ul>
							<li>已售87%</li>
							<li>
								<div class="q">
								<div class="e"></div>
								</div>
							</li>
							<li>剩余<i>29</i>件</li>
						</ul>
						<a href="#">立即抢购</a>
					</li>
					
					<li>
						<a href="#">
							<img src="upload/list1.png">
							<p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
							<span>$6088</span><del>$6988</del>
						</a>
						<ul>
							<li>已售87%</li>
							<li>
								<div class="q">
								<div class="e"></div>
								</div>
							</li>
							<li>剩余<i>29</i>件</li>
						</ul>
						<a href="#">立即抢购</a>
					</li>
					
					<li>
						<a href="#">
							<img src="upload/list1.png">
							<p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
							<span>$6088</span><del>$6988</del>
						</a>
						<ul>
							<li>已售87%</li>
							<li>
								<div class="q">
								<div class="e"></div>
								</div>
							</li>
							<li>剩余<i>29</i>件</li>
						</ul>
						<a href="#">立即抢购</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 分类部分结束 -->
		<!-- 底部部分开始 -->
		<footer class="footer">
			<div class="w">
				<div class="mod_service">
					<ul>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>正品保证</h4>
								<p>正品保证，提供发票</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>急速物流</h4>
								<p>急速物流，急速送达</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>无忧售后</h4>
								<p>7天无理由退换货</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>特色服务</h4>
								<p>私人定制家电套餐</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>帮助中心</h4>
								<p>您的购物指南</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="mod_help">
					<dl>
						<dt>购物指南</dt>
						<dd><a href="#">购物流程</a></dd>
						<dd><a href="#">会员介绍</a></dd>
						<dd><a href="#">生活旅行/团购</a></dd>
						<dd><a href="#">常见问题</a></dd>
						<dd><a href="#">大家电</a></dd>
						<dd><a href="#">联系客服</a></dd>
					</dl>
					<dl>
						<dt>配送方式</dt>
						<dd><a href="#">上门自提</a></dd>
						<dd><a href="#">211限时达</a></dd>
						<dd><a href="#">配送服务查询</a></dd>
						<dd><a href="#">配送费收取标准</a></dd>
						<dd><a href="#">海外配送</a></dd>
					</dl>
					<dl>
						<dt>支付方式</dt>
						<dd><a href="#">货到付款</a></dd>
						<dd><a href="#">在线支付</a></dd>
						<dd><a href="#">分期付款</a></dd>
						<dd><a href="#">邮局汇款</a></dd>
						<dd><a href="#">公司转账</a></dd>
					</dl>
					<dl>
						<dt>售后服务</dt>
						<dd><a href="#">售后政策</a></dd>
						<dd><a href="#">价格保护</a></dd>
						<dd><a href="#">退款说明</a></dd>
						<dd><a href="#">返修/退换货</a></dd>
						<dd><a href="#">取消订单</a></dd>
					</dl>
					<dl>
						<dt>特色服务</dt>
						<dd><a href="#">夺宝岛</a></dd>
						<dd><a href="#">DIY装机</a></dd>
						<dd><a href="#">延保服务</a></dd>
						<dd><a href="#">品优购E卡
							</a></dd>
						<dd><a href="#">品优购通信</a></dd>
					</dl>
					<dl>
						<dt>帮助中心</dt>
						<dd>
							<img src="images/wx_cz.jpg">
							品优购客户端
						</dd>
					</dl>
				</div>
				<div class="mod_copyright">
					<div class="links">
						<a href="#">关于我们</a>|
						<a href="#">联系我们</a>|
						<a href="#">联系客服</a>|
						<a href="#">商家入驻</a>|
						<a href="#">营销中心</a>|
						<a href="#">手机品优购</a>|
						<a href="#">友情链接</a>|
						<a href="#">销售联盟</a>|
						<a href="#">品优购社区</a>|
						<a href="#">品优购公益</a>|
						<a href="#">English Site</a>|
						<a href="#">Contact Us</a>
					</div>
					<div class="copyright">
						地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
						京ICP备08001421号京公网安备110108007702
					</div>
				</div>
			</div>
		</footer>
		<!-- 底部部分结束 -->
	</body>
</html>
